import { lazy } from "react";
import { 
  AppOutline,
  AppstoreOutline,
  MessageOutline,
  UserContactOutline
 } from 'antd-mobile-icons'

let Home = lazy(()=>import('../page/home'))
let Index = lazy(()=>import('../page/index'))
let Classify = lazy(()=>import('../page/classify'))
let Message = lazy(()=>import('../page/message'))
let My = lazy(()=>import('../page/my'))

export let homeRouters=[
  {
    path:'/',
    element:<Index></Index>,
    title:'首页',
    icon:<AppOutline />
  },
  {
    path:'/classify',
    element:<Classify></Classify>,
    title:'分类',
    icon:<AppstoreOutline />
  },
  {
    path:'/message',
    element:<Message></Message>,
    title:'消息',
    icon:<MessageOutline />
  },
  {
    path:'/my',
    element:<My></My>,
    title:'我的',
    icon:<UserContactOutline />
  },
]

export let routers = [
  {
    path:'/',
    element:<Home></Home>,
    children:homeRouters
  }
]